<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>添加培训师</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="../../../lib/layui-v2.5.5/css/layui.css" media="all">
  <link rel="stylesheet" href="../../../css/public.css" media="all">
</head>
<body>
<div class="layuimini-container">
  <div class="layuimini-main">

    <form class="layui-form layuimini-form layui-inline" action="" lay-filter="example">
      <div class="layui-form-item">
        <label class="layui-form-label required">姓名</label>
        <div class="layui-input-block">
          <input type="text" name="name" lay-verify="required" autocomplete="off" placeholder="请输入姓名" class="layui-input">
        </div>
      </div>
      <div class="layuimini-main">

        <form class="layui-form-item">
          <label class="layui-form-label required">身份证号</label>
          <div class="layui-input-block">
            <input type="text" name="idcord" lay-verify="required" autocomplete="off" placeholder="请输入身份证号" class="layui-input">
          </div>

              <div class="layui-form-item">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-block">
                  <select name="interest" lay-filter="aihao">
                    <option value=""></option>
                    <option value="m">男</option>
                    <option value="f">女</option>
                  </select>
                </div>
              </div>

              <div class="layui-inline">
                 <label class="layui-form-label">学历</label>
                 <div class="layui-input-inline">
                 <select name="department" lay-filter="aihao">
                <option value="">请选择学历</option>
                <option value="大专">大专</option>
                <option value="本科">本科</option>
                <option value="本科">本科</option>
                <option value="博士">博士</option>
              </select>
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">电话</label>
            <div class="layui-input-block">
              <input type="text" name="phone" placeholder="请输入电话号码" autocomplete="off" class="layui-input">
            </div>
          </div>
          <form class="layui-form-item">
            <label class="layui-form-label required">工号</label>
            <div class="layui-input-block">
              <input type="text" name="jobnum" lay-verify="required" autocomplete="off" placeholder="请输入工号" class="layui-input">
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">部门</label>
              <div class="layui-input-inline">
                <select name="dept" lay-filter="aihao">
                  <option value="">请选择部门</option>
                  <option value="0">保卫部</option>
                  <option value="1">党委工作部</option>
                  <option value="2">法务审计部</option>
                  <option value="3">生产部</option>
                  <option value="4">销售部</option>
                  <option value="5">后勤保障部</option>
                  <option value="6">职工教育培训中心</option>
                </select>
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">科室</label>
              <div class="layui-input-inline">
                <select name="department" lay-filter="aihao">
                  <option value="">请选择科室</option>
                  <option value="综合办">综合办</option>
                  <option value="总经理办公室">总经理办公室</option>
                  <option value="经理办公室">经理办公室</option>
                  <option value="部长办公室">部长办公室</option>
                  <option value="科长办公室">科长办公室</option>
                </select>
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">车间</label>
              <div class="layui-input-inline">
                <select name="department" lay-filter="aihao">
                  <option value="">请选择车间</option>
                  <option value="综合车间">综合车间</option>
                  <option value="生产车间">生产车间</option>
                  <option value="办公车间">办公车间</option>
                </select>
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">工种</label>
              <div class="layui-input-inline">
                <select name="department" lay-filter="aihao">
                  <option value="">请选择工种</option>
                  <option value="综合办">低级工</option>
                  <option value="总经理办公室">中级工</option>
                  <option value="经理办公室">高级工</option>
                </select>
              </div>
            </div>
            <div>
            <form class="layui-form-item">
              <label class="layui-form-label required">银行卡号</label>
              <div class="layui-input-block">
                <input type="text" name="banknum" lay-verify="required" autocomplete="off" placeholder="请输入银行卡号" class="layui-input">
              </div>
            </div>
              <div class="layui-inline">
                <label class="layui-form-label">银行开户行</label>
                <div class="layui-input-inline">
                  <select name="department" lay-filter="aihao">
                    <option value="">请选择银行</option>
                    <option value="中国银行">中国银行</option>
                    <option value="招商银行">招商银行</option>
                    <option value="邮政储蓄银行">邮政储蓄银行</option>
                    <option value="交通银行">交通银行</option>
                    <option value="农业银行">农业银行</option>
                  </select>
                </div>
              </div>
            <div>
              <form class="layui-form-item">
                <label class="layui-form-label required">内训师积分</label>
                <div class="layui-input-block">
                  <input type="text" name="score" lay-verify="required" autocomplete="off" placeholder="请输入内训师积分" class="layui-input">
                </div>
                </div>
                <div class="layui-inline">
                  <label class="layui-form-label">内训师等级</label>
                  <div class="layui-input-inline">
                    <select name="department" lay-filter="aihao">
                      <option value="">请选择等级</option>
                      <option value="一级">一级</option>
                      <option value="二级">二级</option>
                      <option value="三级">三级</option>
                    </select>
                  </div>
                </div>
            <div class="layui-inline">
              <label class="layui-form-label">获得荣誉</label>
              <div class="layui-input-inline">
                <select name="department" lay-filter="aihao">
                  <option value="">请选择荣誉</option>
                  <option value="校优秀讲师">校优秀讲师</option>
                  <option value="市级优秀讲师">市级优秀讲师</option>
                  <option value="省级优秀讲师">省级优秀讲师</option>
                </select>
              </div>
            </div>
              <div class="layui-form-item">
                <div class="layui-input-block">
                  <button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
                </div>
              </div>
            </form>

      </div>

          <script src="../../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
          <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
          <script>
            layui.use(['form', 'layedit'], function () {
              var form = layui.form
                      , layer = layui.layer
                      , layedit = layui.layedit


              //自定义验证规则
              form.verify({
                aaa: function (value) {
                  if (value.length < 5) {
                    return '标题至少得5个字符啊';
                  }
                }
                , pass: [
                  /^[\S]{6,12}$/
                  , '密码必须6到12位，且不能出现空格'
                ]
                ,phone :[
                  /^[\d]{11}$/
                  ,'电话号码必须是11位'
                ]
              });


              //监听提交
              form.on('submit(demo1)', function (data) {
                layer.alert(JSON.stringify(data.field), {
                  title: '最终的提交信息'
                })
                return false;
              });

            });
          </script>
</body>
</html>